<h1>Creating the first Graphical Component: Explanations</h1>
<ul>
	<li>What's new with a Graphical Component?</li>
	<li>We have almost the same structure of a non-graphical
	component, but :
	<ul>
		<li>We use "Component.Extend" to create the component. It now
		inherits from the standard Graphical Component(consider it as an
		abstract component structure). You can inherit from all the components
		you want, just add it to the dependency array, but be aware that in
		case of conflict in method/variable name, the last in the table will
		be the good one!</li>
		<li>Dependencies now can have templates and CSS files:
		<ul>
			<li>CSS files are defined in an array because they are directly
			imported in the document as they are received.</li>
			<li>Templates are defined in a HashMap so we can define a name
			for each template: this is just a convenient way for you to use it.
			The template "main" is stored in "this.template.main" when received.
			They are already stored as template objects so they can be easily
			evaluated.</li>
		</ul>
		<li>Component's component dependencies are directly available in
		this.components, in the same way of the templates: that's why we can
		instanciate a new controller with "new
		this.components.clickController()"</li>
	</li>
	<li>There is a mysterious undefined "render" method which is
	called several times in the code. This method is provided by
	inheritance of the standard Graphical Component. By default it updates
	the element passed in argument with the string obtained by calling
	"this.renderViewAsString()". You can override it (for using, for
	example, "new Insertion.Bottom" instead of "element.update") but keep
	the interface !</li>
	<li>"renderViewAsString" has to return the string of the rendered
	view. Most of the time it will be very like the one described in this
	example. If you have a static view to render, you just won't have to
	pass the options HashMap in parameter.</li>
</ul>
</li>

<li><strong>Now click on the page to go next page</strong></li>
</ul>
